.handle-change:hover{
    color: #7c8ce4;
}
.handle-del:hover{
    color: red;
}
.handle-change,.handle-del{
    color: #666666;
}
.table-hover tbody tr:hover {
    background-color: #f5f5f5;
}
form{
    display: inline-block;
}
body,html{
    width: 100%;
    height: 100%;
}
.dialog{
    width: 100%;
    height: 100%;
}
nav.navbar{
    z-index: 1030;
}
@media (min-width: 576px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
}
.pub_course{
    width: 85%;
    margin: 10px auto;
    background-color: #FFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    border-radius: 8px;
    padding: 15px 0px;
}
.pub_header h3{
    padding-top: 15px;
    text-align: center;
}
.pub_content{
    width: 70%;
    margin: 10px auto;
}
.pub_content form{
    width: 100%;
}